<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>纯CSS实现轮播图(自动轮播)</title>
	<link rel="stylesheet" href="./css/reset.css">
	<link rel="stylesheet" href="./css/autoMatic.css">
</head>

<body>
	<!-- 创建外部展示容器 -->
	<div class="banner-container">
		<!-- 创建图片存储容器 -->
		<div class="banner-img-container">
			<img src="./img/banner01.png" alt="">
			<img src="./img/banner02.png" alt="">
			<img src="./img/banner03.png" alt="">
			<img src="./img/banner04.png" alt="">
			<img src="./img/banner05.png" alt="">
		</div>
	</div>
</body>

</html>